.fui-tree {
  &-item {
    border: 1px solid;
    line-height: 1.5;
  }
  &-level-1 {
    .fui-tree-text {
      padding-left: 0;
    }
  }
  &-level-2 {
    .fui-tree-text {
      padding-left: 1em;
    }
  }
  &-level-3 {
    .fui-tree-text {
      padding-left: 2em;
    }
  }
  &-level-4 {
    .fui-tree-text {
      padding-left: 3em;
    }
  }
  &-level-5 {
    .fui-tree-text {
      padding-left: 3em;
    }
  }
  &-text {
    display: block;
    &:hover {
      background: yellow;
    }
  }
  &-children {
    overflow: hidden;
    transition: height 200ms;
    &-gone {
      height: 0;
    }
  }
}
